<style>
    .basicinfo {
        margin: 15px 0;
    }

    .basicinfo .row > .col-xs-4 {
        padding-right: 0;
    }

    .basicinfo .row > div {
        margin: 5px 0;
    }
    /*应用*/
    .appBox .desc{
       width: 100%;
       height: auto;
    }

    .appBox .key{
        margin-top: 10px;
        font-size: 14px;
    }
    .appBox .key .appid{ color: #0f4bac; margin-bottom: 10px;}
    .appBox .key .appsec{color:#23345a; }
    .appBox .key .appid span{ margin-left: 10px; color: #9f191f;}
    .appBox .key .appsec span{ margin-left: 10px; color:#2ecc71;}
    .appBox .status{ margin-top: 20px;}
    .appBox .action{
        margin-top: 20px;
        display:flex;justify-content: space-evenly;
    }

    .appBox .table .success{
        height: auto;
        white-space: normal; /* 允许单元格内容换行 */
        max-width: 80%; /* 或者根据需要设置最大宽度 */
        word-wrap: break-word; /* 强制换行 */
    }

</style>
<div id="content-container" class="container-fluid">
    <div class="row">
        <div class="col-md-3">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-9">
            <div class="panel panel-default ">
                <div class="panel-title">
                    <ol class="breadcrumb" style="background-color: inherit !important;">
                        <li><a href="#" onclick="history.back(); return false;">我的应用</a></li>
                        <li class="active">直播中心</li>
                    </ol>
                </div>
                <div class="panel-body">
                    <h2 class="page-header">
                        <i class="fa fa-video-camera fa-fw"></i>{$title}-直播中心
                        <button class="btn btn-primary pull-right" id="liveAdd" data-id="{$app.id}"><i class="fa fa-plus-circle" aria-hidden="true" /></i>
                            新增直播</button>
                    </h2>
                    <div class="row">
                        {foreach name="liveList" item="vo"}
                        <div class="appBox col-xs-12 col-md-4">
                            <div class="panel panel-default">
                                <div class="panel-heading">{$vo.title}</div>
                                <div class="panel-body">
                                    <div class="desc">
                                       直播流:/{$app.app_name}/{$vo.stream}
                                    </div>
                                    <!--<blockquote class="block1">
                                        <h4>推流地址:</h4>
                                        <p>{$vo.publish_url}?auth_key={$vo.publish_auth_key}</p>
                                    </blockquote>
                                    <blockquote class="block2">
                                        <h4>拉流地址(rtmp):</h4>
                                        <p>{$vo.rtmp_play_url}?auth_key={$vo.play_auth_key}</p>
                                    </blockquote>
                                    <blockquote class="block2">
                                        <h4>拉流地址(flv):</h4>
                                        <p>{$vo.flv_play_url}?auth_key={$vo.play_auth_key}</p>
                                    </blockquote>
                                    <blockquote class="block2">
                                        <h4>拉流地址(hls):</h4>
                                        <p>{$vo.hls_play_url}?auth_key={$vo.play_auth_key}</p>
                                    </blockquote>-->





                                        <div class="status">
                                            {switch $vo.status}
                                            {case normal}
                                            <span class="label label-success">状态:正常</span>
                                            {/case}
                                            {case hidden}
                                            <span class="label label-default">状态:关闭</span>
                                            {/case}
                                            {/switch}

                                            {switch $vo.live_status}
                                            {case 0}
                                            <span class="label label-warning">待直播</span>
                                            {/case}
                                            {case 1}
                                            <span class="label label-success">直播中</span>
                                            {/case}
                                            {default /}
                                            <span class="label label-danger">已下播</span>
                                            {/switch}



                                            <span class="label" style="color:#999999;">创建时间:{$vo.create_time}</span>

                                        </div>
                                        <div class="action">

                                        <a class="btn btn-warning live_play" data-title="{$vo.title}" data-url="{:url('app/live_play',['id'=>$vo.id])}">
                                            查看直播
                                        </a>

                                        <button  class="btn btn-info live_url" data-title="{$vo.title}" data-url="{:url('app/live_url',['id'=>$vo.id])}">
                                            推拉流地址
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
